<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/diary_list.css">
    <title>门店订单</title>
</head>

<body>
<div class="header">
    <!--        <div class="fixed">-->
    <div class="t-ctn">
        <div class="s-ctn">
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
            <div class="category" onclick="choose(this)">
                <div>
                    <img src="./icon/category.png" class="diary-icon">
                    <p>全部分类</p>
                </div>
            </div>
        </div>
    </div>
    <!--        </div>-->
</div>
<div class="list-content">
    <div class="list-group">
        <div class="list-item">
            <div><img src="./image/ceshi/5.jpg" alt=""></div>
            <div class="content">
                <p class="title text-wrap">
                    最近很喜欢一首歌，往后余生，风雪是你，平淡是你
                </p>
                <div class="user">
                    <div class="avatar">
                        <img src="./image/qrcode-bg.jpg" alt="">
                    </div>
                    <div class="nickname">
                        <p class="text-wrap">用户昵称用户昵称用户昵称用户昵称用户昵称</p>
                    </div>
                    <div class="like">
                        <div>
                            <img src="./icon/heart-red.png" alt="">
                        </div>
                        <div>
                            <p class="text-wrap">123</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/1.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/2.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/3.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/4.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/2.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div><img src="./image/ceshi/4.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="list-item">-->
<!--            <div>-->
<!--                <img src="./image/ceshi/1.jpg" alt=""></div>-->
<!--            <div class="content">-->
<!--                <div>你可以使用CSS3的transition来制作简单的网格动画效果。</div>-->
<!--                <div>其他内容</div>-->
<!--                <div>按钮哦</div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>
</body>
<script src="./js/jquery-3.1.1.min.js"></script>
<script src="./js/dynamics.min.js"></script>
<script src="./js/minigrid.js"></script>
<script src="./js/diary_list.js"></script>

</html>